@font-face {font-family: 'iconfont';
    src: url('../icon/iconfont.eot'); /* IE9*/
    src: url('../icon/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../icon/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../icon/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../icon/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.map-blue{
    background: #009cd8;
    color: #fff;

}
.map-search{
    line-height: 21px;
    width: 100%;
    height: 40px;
    border: 1px solid #787878;
    border-radius: 5px;
    background-color: #fdfdfe;
    text-align: center;
}
.map-search-box{
    height: 80px;
    padding: 20px 30px;
    background: #fdfdfe;
    position: relative;
    border-bottom: 1px solid #eeeeee;
}
.map-search-icon{
    position: absolute;
    right: 44px;
    top: 27px;
    width: 20px;
    height: 20px;
    font-weight: bold;
}
.map-nav-top{
    list-style: none;
    height:36px ;
    margin: 5px;
    padding: 0;
}
.map-nav-top>li{
    text-align: center;
    margin: 10px 0;
    float: left;
    width: 33.3%;
    cursor: pointer;
}
.map-box-bottom{
    padding: 10px 30px;
    position: relative;
}
.map-ipt-address{
    display: inline-block;
    position: relative;
    height: 30px;
}

.map-ipt-address>div{
    color: #fdfdfe;
    font-size: inherit;
    /*padding: 5px;*/
    border-radius:5px;
    border: none;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    left: 0;
    top: 0;
}
.map-ipt-address input{
    width:77%;
    /*margin-left: 30px;*/
    position: absolute;
    left: 30px;
    top: 0;
    height:30px;
    /*margin-left:-5px;*/
}
.map-color-ora{
    background: #fcca16;
}
.map-color-gre{
    background: #64ca67;
}
.map-to{
    position: absolute;
    left: 50%;
    top: 15px;
}

.map-btn{
    width: 100%;
    height: 40px;
    background: #fba127;
    color: #fdfdfe;
    text-align: center;
    border: none;
    border-radius: 5px;
    margin:20px 0px;

}
.iconfont{
    font-family:"iconfont" !important;
    font-size:32px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;

    height: 80px;
    line-height: 80px;

}
.nav-bottom{
    margin: 0;
    padding: 0;
    background: #fdfdfe;
    height: 100px;
}

.nav-bottom>div{
    float: left;
}
.nav-bottom-name{
    font-size: 18px;
    margin-top: -12px;
}
.nav-box{
    width: 80px;
    height: 100px;
    margin: 0 auto;
    text-align: center;


}